<%@page language="java" pageEncoding="UTF-8"
	contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<jsp:include page="/general/templatetop.jsp" />

<script type="text/javascript" charset="ISO-8859-1">
	function cargarTablita(){
		$.get('../usuarios/listarUsuarios', 
			function(data){
				$('#users_list').html(data);
				$('#tabla_usuarios').dataTable( {
					"bJQueryUI": true,
					"sPaginationType": "full_numbers",
					"sDom": '<"H"Tfr>t<"F"ip>',
					"oTableTools": {
						"sSwfPath": "../media/swf/copy_cvs_xls.swf",
						"aButtons": [
										{
											"sExtends": "copy",
											"sButtonText": "Copiar",
											"mColumns": [ 0, 1],
											"sToolTip": "Copiar al clipboard"
										},
										{
											"sExtends": "xls",
											"mColumns": [ 0, 1],
											"sFileName": "Usuarios.xls",
											"sToolTip": "Grabar en archivo excel"
										},
										{
											"sExtends": "print",
											"sButtonText": "Imprimir",
											"mColumns": [ 0, 1],
											"sToolTip": "Generar vista previa"
										},
									]
					}
				});
				return false;
		});
		return false;
	};

	function openDialog(url, title, height, width){
		var dialog = $('<div id="dialog_form"></div>').appendTo('body');

		dialog.dialog({
			modal:true,
			height: height,
			width: width,
			title: title,
			position: 'center',
			open: function(){
				$(this).load(url);
			},
			buttons: { 
		        'Guardar': function() { saveButton(); },
		        'Cancelar':function() {$(this).dialog("close");} 
		        }
		});
	};
	
	function borrar(id){
		$('#users_list').html('<img alt="Loading" src="../img/ajaxLoader.gif" />');
		$.post('../usuarios/borrarUsuario', {'usuario.idUsuario':id}).complete(cargarTablita());
		
		return false;
	};

	$(function() {
		cargarTablita();
		$('#crear_usuario').button();
		$('#crear_usuario').show();
	});
</script>

<button style="display: none;" id="crear_usuario" onclick="openDialog('../usuarios/inputUsuario', 'Crear Usuario', 260, 460)">Crear Usuario</button>

<div id="users_list">
	<center>
		<img alt="Loading" src="../img/ajaxLoader.gif" />
	</center>
</div>

<jsp:include page="/general/templatefooter.jsp" />